<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>山寨京东</title>
    <link rel="shorcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--顶部工具栏start-->
<div class="shortcut clearfix">
    <div class="w">
        <ul class="fl">
            <li class="dropdown">送至：北京<i><s>◇</s></i></li>
        </ul>
        <ul class="fr">
            <li>
                <a href="#">你好，请登录</a>
                &nbsp;&nbsp;
                <a href="#" class="col-red">免费注册</a>
            </li>
            <li class="spacer"></li>
            <li><a href="#">我的订单</a></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">我的京东</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li><a href="#">京东会员</a></li>
            <li class="spacer"></li>
            <li><a href="#">企业采购</a></li>
            <li class="spacer"></li>
            <li class="dropdown tel-li"><a href="#"><em class="tel"></em>手机京东</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">关注京东</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">客户服务</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">网站导航</a><i><s>◇</s></i></li>
        </ul>
    </div>
</div>
<!--顶部工具栏end-->
<!--顶部广告栏start-->
<div class="topbanner">
    <div class="w close-parent">
        <a href="#"><img src="images/ad.jpg" alt=""/></a>
        <a href="javascript:;" class="close-banner"></a>
    </div>
</div>
<!--顶部广告栏end-->
<!--header部分start-->
<div class="header clearfix">
    <div class="w">
        <div class="logo">
            <a href="#" class="logo-a">京东</a>
        </div>
        <div class="search">
            <input type="text" value="TCL厨卫"/>
            <button>搜索</button>
        </div>
        <div class="car">
            <a href="#">我的购物车</a>
            <i class="icon1"></i>
            <i class="icon2">&gt;</i>
            <i class="icon3">10000</i>
            <!--i.icon$*3-->
        </div>
        <div class="hotwords">
            <a href="#" class="col-red">奶粉直降</a>
            <a href="#">耳机大促</a>
            <a href="#">春耕行动</a>
            <a href="#">荣耀7i</a>
            <a href="#">1元拿走</a>
            <a href="#">文件袋</a>
            <a href="#">卫生纸</a>
            <a href="#">小米5</a>
            <a href="#">双肩包</a>
        </div>
    </div>
</div>
<!--header部分end-->

<!--导航部分start-->
<div class="nav clearfix">
    <div class="w">
        <div class="category">
            <div class="cate-dt"><a href="#">全部商品分类</a></div>
            <div class="cate-dd">
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机数码京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
            </div>
        </div>
        <ul class="jd-nav">
            <li class="w3 hot"><a href="#">服装城</a></li>
            <li class="w3"><a href="#">美妆馆</a></li>
            <li class="w2"><a href="#">超市</a></li>
            <li class="w3"><a href="#">全球购</a></li>
            <li class="w2"><a href="#">闪购</a></li>
            <li class="w2"><a href="#">团购</a></li>
            <li class="w2"><a href="#">拍卖</a></li>
            <li class="w2"><a href="#">金融</a></li>
        </ul>
    </div>
</div>
<!--导航部分end-->


<!--主体部分start-->
<div class="w main clearfix">
    <div class="slider">
        <a href="#"><img src="images/slider.jpg" alt=""/></a>
        <ul class="circle"><!--小圆圈-->
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li class="current">5</li>
            <li>6</li>
        </ul>
        <!--小三角-->
        <div class="arrow">
            <a href="javascript:;" class="arr-l">&lt;</a>
            <a href="javascript:;" class="arr-r">&gt;</a>
        </div>
    </div>
    <div class="main-extra">
        <div class="news">
            <div class="mt">
                <h3>京东快报</h3>
                <a href="#">更多&nbsp;&gt;</a>
            </div>
            <div class="mc">
                <ul>
                    <li><a href="#"><span>[特惠]</span>华帝品牌日，抢免单，赢半价！</a></li>
                    <li><a href="#"><span>[公告]</span>厦门大件运营中心搬迁</a></li>
                    <li><a href="#"><span>[特惠]</span>初春尝鲜，全场商品低至8折</a></li>
                    <li><a href="#"><span>[公告]</span>北京城区部分区域配送延迟</a></li>
                    <li><a href="#"><span>[特惠]</span>京东数码影音节，每满199-30</a></li>
                </ul>
            </div>
        </div>
        <div class="lifserv">
            <ul>
                <li>
                    <i class="icon1"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon2"></i>
                    <a href="#">机票</a>
                </li>
                <li>
                    <i class="icon3"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon4"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <em class="iconfont">&#xf027d;</em>
                    <a href="#">话费</a>
                </li>
                <li>
                    <em class="iconfont">&#xf01f5;</em>
                    <a href="#">话费</a>
                </li>
                <li>
                    <em class="iconfont">&#xf01fe;</em>
                    <a href="#">话费</a>
                </li>
                <li>
                    <em class="iconfont">&#xf0294;</em>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon1"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon1"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon1"></i>
                    <a href="#">话费</a>
                </li>
                <li>
                    <i class="icon1"></i>
                    <a href="#">话费</a>
                </li>
            </ul>
        </div>
        <div class="right-pic">
            <a href="#"><img src="images/right-pic.jpg" alt=""/></a>
        </div>
    </div>
</div>
<!--主体部分end-->

<!--今日推荐start-->
<div class="w today clearfix">
    <div class="mt">
        <img src="images/clock.png" alt=""/>
    </div>
    <div class="mc">
        <ul>
            <li><img src="images/today.jpg" alt=""/></li>
            <li><img src="images/today.jpg" alt=""/></li>
            <li><img src="images/today.jpg" alt=""/></li>
            <li><img src="images/today.jpg" alt=""/></li>
        </ul>
    </div>
</div>
<!--今日推荐end-->


<!--footer部分start-->
<div class="footer">
    <div class="service">
        <div class="slogen">
            <span class="slogen-item slogen1"><img src="images/slogen1.png" alt=""/></span>
            <span class="slogen-item slogen2"><img src="images/slogen2.png" alt=""/></span>
            <span class="slogen-item slogen3"><img src="images/slogen3.png" alt=""/></span>
            <span class="slogen-item slogen4"><img src="images/slogen4.png" alt=""/></span>
        </div>
        <div class="w info clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl class="last">
                <dt>特色服务</dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">京东E卡</a></dd>
                <dd><a href="#">京东通信</a></dd>
                <dd><a href="#">京东JD+</a></dd>
            </dl>
            <div class="coverage">
                <div class="coverage-dt">京东自营覆盖区县</div>
                <div class="coverage-dd">
                    <p>京东已向全国2433个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>

                    <p class="fr"><a href="#">查看详情&nbsp;&gt;</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="w bottom">
        <div class="links">
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">商家入驻</a>|
            <a href="#">营销中心</a>|
            <a href="#">手机京东</a>|
            <a href="#">友情链接</a>|
            <a href="#">销售联盟</a>|
            <a href="#">京东社区</a>|
            <a href="#">京东公益</a>|
            <a href="#">English Site</a>|
            <a href="#">Contact Us</a>
        </div>
        <div class="copyright">
            <img src="images/police.png" alt=""/>
            京公网安备 11000002000088号 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008
            | 新出发京零 字第大120007号<br/>
            音像制品经营许可证苏宿批005号 | 出版物经营许可证编号新出发(苏)批字第N-012号 | 互联网出版许可证编号新出网证(京)字150号<br/>
            网络文化经营许可证京网文[2014]2148-348号 违法和不良信息举报电话：4006561155 Copyright &copy; 2004-2016 京东JD.com 版权所有<br/>
            京东旗下网站：京东钱包
        </div>
        <div class="authentication">
            <a href="#"><img src="images/auth.png" alt=""/></a>
            <a href="#"><img src="images/auth.png" alt=""/></a>
            <a href="#"><img src="images/auth.png" alt=""/></a>
            <a href="#"><img src="images/auth.png" alt=""/></a>
            <a href="#"><img src="images/auth.png" alt=""/></a>
            <a href="#"><img src="images/auth.png" alt=""/></a>
        </div>
    </div>
</div>
<!--footer部分end-->

</body>
</html>